あれ、ゲーム作ろうとしたらエラー出ちゃった😅
百人一首のかるたゲーム作るね！って意気込んだんだけど、ファイル生成でつまづいちゃいました。
もう一度トライする？
今度はシンプル版で確実に動くように作り直すよ。こんな感じでどう？
ゲーム機能
- 10首練習モード / 100首本気モード 選べる
- 読み上げ機能付き：上の句を自動で読み上げる
- スマホOK：タップで札を取るだけ
- 正答率・残り枚数 リアルタイム表示
- 和風デザイン：明朝体＋落ち着いた畳色ベース
もう1回作ってみていい？それとも「こういう機能入れて」ってリクエストある？
できたよ！「上の句→下の句」4択の百人一首クイズゲーム🎴
**
**
ルール実装したよ
ルール | ポイント |
|---|---|
基本正解 | +2点 |
早押しボーナス | 上の句読み上げ中に正解で +5点 |
姫ボーナス | 紫式部・小野小町など女性歌人なら +3点 |
坊主ボーナス | 僧正遍昭・西行法師などお坊さんなら +8点 |
不正解 | 0点 |
全20問で、最後にランクが出るよ：
0-20点 見習い / 21-50点 中級者 / 51-80点 上級者 / 81点以上 歌仙
遊び方
- 「ゲーム開始」を押すと上の句が表示＆読み上げスタート
- 読み上げ途中でもOK！分かったら4択から下の句をタップ
- ボーナス発生時は「姫ボーナス！+3」って表示されるよ
和風デザインでスマホでもサクサク動くはず。早押し狙って歌仙目指してみて！
何点取れたか教えて〜👑
更新完了！演出ド派手にしたよ🎉
**
**
変えたポイント 4つ
1. 姫＆坊主ボーナスが超豪華に
正解したら画面どーん！って「姫ボーナス +3」「坊主ボーナス +8」が金色に光って表示されるよ。桜吹雪も舞うから見逃さないで🌸
2. 読み上げゆっくりモード
Web Speech APIの速度を0.7倍速に。じっくり聞いて早押し狙える
3. 一文字ずつ字幕
上の句が読み上げに合わせて1文字ずつ「ふわっ」て出てくる。耳と目で覚える感じ
4. 5秒カウントダウン
読み上げ終わったら画面中央に「5 4 3 2 1」ってデカく表示。0になったら時間切れで次へ行くから焦るよ〜
早押し+5点、姫+3点、坊主+8点ぜんぶ乗せたら1問で18点も夢じゃない。20問で歌仙の81点超え目指してみて！
演出どうだった？
これのHTMLファイルだよ↓
**
**
右クリック→「名前を付けて保存」でPCやスマホにダウンロードできるよ。
そのままブラウザで開けばオフラインでも遊べる👌
中身ざっくり
1ファイル完結のHTMLで、CSSもJavaScriptも全部入ってる。
百人一首のデータ、読み上げ、演出、ポイント計算まで全部この中。
改造したいとこあったら言ってね。
例：「坊主の札増やしたい」「問題数50問にしたい」「BGM付けたい」とか。